<template>
    <div class="delete-project">
        <pui-dialog :maskClick="false" :title="props.title" v-model="componentRef.dialogVisible" :animate="props.animate">
            <template #content>
                <div>是否确定删除项目？</div>
            </template>
        </pui-dialog>
    </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
    name: 'DeleteProject'
})
</script>
<script lang="ts" setup>
import { reactive } from 'vue'
const props = defineProps({
    title: {
        type: String,
        default: '删除项目'
    },
    animate: {
        type: String,
        default: 'fade'
    }
})
const componentRef = reactive({
    dialogVisible: false
})
const init = () => {
    componentRef.dialogVisible = true
}
const closeDialog = () => {
    componentRef.dialogVisible = false
}
defineExpose({
    init,
    closeDialog
})
</script>